/*
 *  @ 文件描述: 基础样式定义
 *  @ 作者:  赵伟
 *  @ 更新:  赵伟(2016-9-11 15:01)
 */
html,body {
 	min-width: 1200px;
	font: normal 13px/150% "microsoft yahei";
}


html {

}

.container {
	position: relative;
	width: 1200px;
	margin: auto;
}
.verticalCenter {
	display: inline-block;
	vertical-align: middle;
}
/*超出省略*/
.overflow-nowrap {
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.red-tip {
	color: red;
}
.text-error {
	color: red;
}
.center-block {
	
}
.base-color-blue {
	color: #4bae4f;
}
.base-bg-blue {
	background-color: #4bae4f;
}
.base-color-blue:hover {
	color:#286090;
}
/*  start  定义页面底部样式         */
#footer2.white .footer-row,#footer2.white .footer-bottom {
	background-color: #f8f8f8;
	color: #333;
}
#footer2.white .footer-bottom .footer-menu li a {
	color: #333;
}
#footer2.white .widget-body li a {
	color: #333;
}
#footer2.white .home-footer-divide {
	background-color: #e3e3e3;
}
.footer-center-2 {
	width: 1075px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.footer-center-2 > div {
	width: 20%;
}
.home-footer-top {
	background: #4bae4f;
	border-top: 1px solid #4bae4f;
}

.footer-top-ul {
	position: relative;
    /*height:90px;*/
    display: block;
    padding: 10px 0;
    background: #4bae4f;
    text-align: center;
    box-sizing: border-box;
    line-height: 30px;
}


.footer-top-ul li{
	position: relative;
	float: left;
	width: 25%;
	color: #fff;
	text-align: center;
}

.footer-top-ul li i{
	width: 55px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
}
/*底部图片*/
.footer-top-img1 {
	height: 54px;
	background-image: url(../img/commonImg/home-footer-ad1-white.png);
}
/*底部图片*/
.footer-top-img2 {
	background-image: url(../img/commonImg/home-footer-ad2-white.png);
	height: 54px;
}
/*底部图片*/
.footer-top-img3 {
	background-image: url(../img/commonImg/home-footer-ad3-white.png);
	height: 54px;
}
/*底部图片*/
.footer-top-img4 {
	background-image: url(../img/commonImg/home-footer-ad4-white.png);
	height: 54px;
}
/*底部上面字体*/
.footer-top-span {
	display: inline-block;
	vertical-align: middle;
	padding-left: 8px;
	font-size: 16px;
    font-weight: bold;
    font-family: "Microsoft YaHei", 黑体, sans-serif, sans-serif;
}
/*底部图片*/
.footer-qrcode {
	width: 50%;
}


/*底部 最下面图片链接*/
.footer-copyright-auth {
	width: 100%;
	margin-top: 15px;
	text-align: center;
	list-style: none;
}
.footer-copyright-auth li {
	display: inline-block;
}
.footer-copyright-authIco {
	width: 103px;
    height: 32px;
    display: inline-block;
    margin: 0 3px;
	overflow: hidden;
	background-image:url(../img/ico_footer.png) ;
}

.footer-copyright-authIco1 {
    background-position: 0 -151px;
}
.footer-copyright-authIco2 {
	background-position: -104px -151px;
}
.footer-copyright-authIco3 {
	background-position: 0 -184px;
}
.footer-copyright-authIco4 {
	background-position: -104px -184px;
}
.footer-copyright-authIco5 {
	background-position: 0 -217px;
}
.footer-copyright-authIco6 {
	background-position: -104px -217px;
}



/*  end  定义页面底部样式         */


/* start 按钮样式   */

.ui-btn {
	padding: 6px 80px !important;
    font-size: 14px !important;
    line-height: 1.5em !important;
    color: #fff;
    border-radius: 5px;
}
.ui-btn-op {
	color: #fff !important;
    border: none;
    padding: 4px 10px !important;
    border-radius: 5px !important;
    width: 85px !important;

    font-size: 14px !important;
    cursor: pointer;
    
}
.ui-btn-op.default {
	background-color: #337ab7 !important;
    border-color: #2e6da4;
    color: #fff;
}
.ui-btn-sm {
	padding: 8px 35px !important;
	width: 128px !important;
	font-size: 14px !important;
    line-height: 1em !important;
    border-radius: 5px;
}
.ui-btn-sm.default {
	background-color: #337ab7 !important;
    border-color: #2e6da4;
    color: #fff;
}
.ui-btn.default:hover {
	background-color: #286090 !important;
    border-color: #204d74;
    color: #fff;
}
.ui-btn.default{
	background-color: #337ab7 !important;
    border-color: #2e6da4;
    color: #fff;
	
}
.ui-btn.default:hover {
	background-color: #286090 !important;
    border-color: #204d74;
    color: #fff;
}


.ui-btn.blue:hover {
	background-color: #286090 !important;
    border-color: #204d74;
}
.ui-btn.blue {
	background-color: #337ab7;
    border-color: #2e6da4;
}

.ui-btn.blue:hover {
	background-color: #286090 !important;
    border-color: #204d74;
}

.ui-btn.red {
	background-color: #db2121 !important;
}
.ui-btn.red:hover {
	background-color: #eb3b3b !important;
}

.ui-btn.gray {
	background-color: #eeeeee;
}
..ui-btn.gray:hover {
	background-color: #e3e3e3
}
.ui-btn.small {
	padding: 5px !important;
}
/* end 按钮样式   */

.box-vertical-megamenus:hover .vertical-menu-content {
	display: block !important;
}

.option4 #main-menu .navbar .navbar-nav.no-home>li:hover, .option4 #main-menu .navbar .navbar-nav.no-home>li.active {
	color: #fff;
}
.option4 #main-menu .navbar .navbar-nav.no-home>li:hover>a, .option4 #main-menu .navbar .navbar-nav.no-home>li.active>a {
	color: #fff;
	text-decoration: underline;
}


/* start 页面侧边导航   */

.common-tab-scrollTop {
  position: fixed;
  right: 0;
  bottom: 30px;
  width: 35px;
  height: 35px;
  display: block;
  background-image: url(../img/common_up_row.png);
  background-repeat: no-repeat;
  background-size: inherit;
  background-position: center;
  background-color: #4bae4f;
  border-radius: 3px;
  text-align: center;
}
.common-tab-scrollTop:hover {
  background-color: #FF7200;
}

.common-scrollnav {
    position: fixed;
    z-index: 222;
    right: 3px;
    top: 40%;
}
.common-scrollnav-link{
    position: fixed;
    z-index: -111;
    right: 0;
    width: 5px;
    height: 100%;
    background: #4bae4f;
    top: 0;
}
.common-scrollnav li {
    position: relative;
    width: 35px;
    height: 35px;
    margin-bottom: 1px;
    cursor: pointer;
    background-color: #4bae4f;
    border-radius: 3px;
    text-align: center;
    background-repeat: no-repeat;
    background-size:inherit;
    background-position: center;
    list-style: none;
}
.common-scrollnav-user {
    background-image: url(./img/common_user.png);
}

.common-scrollnav-buy {
    background-image: url(./img/common_buyCar.png);
}

.common-scrollnav-msg {
    background-image: url(./img/common_msg.png);
}
.common-scrollnav-collect {
    background-image: url(./img/common_collect.png);
}
.common-tab-tip {
    
}

.common-tab-ico {
    display: inline-block;
    width: 25px;
    height: 25px;
    z-index: 222;
    margin-top: 2px;
}
.common-scrollnav li.active {
    background-color: #FF7200;
}

.common-tab-text {
    position: absolute;
    left:0px;
    top:0;
    z-index: -222;
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    overflow: hidden;
    
}
.common-tab-text.active {
    position: absolute;
    top:0;
    display: inline-block;
    width: 75px;
    height: 35px;
    cursor: pointer;
    background-color: #FF7200;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    z-index: -1;
    
    transform: translate(-73px,0);
    -ms-transform: translate(-73px,0);      /* IE 9 */
    -webkit-transform: translate(-73px,0);  /* Safari and Chrome */
    -o-transform: translate(-73px,0);       /* Opera */
    -moz-transform: translate(-73px,0);     /* Firefox */
    
    transition: width 1s, transform  1s;
    -moz-transition: width 1s, -moz-transform  1s;  /* Firefox 4 */
    -webkit-transition: width 1s, -webkit-transform 1s; /* Safari 和 Chrome */
    -o-transition: width 1s, -o-transform  1s;  /* Opera */
    
}
/* end  页面侧边导航 */

.home-appDownload {
	position: relative;
	color: #333;
}
a.support-link-divide {
	padding-right: 0;
    margin-left: 0;
	color: #ccc;
}
/*.home-appDownload:hover {
	display: inline-block;
    width: 100px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    color: #333 !important;
    text-align: center;
}*/
/*
 *  start app下载二维码
 */
.home-appDownload:hover .home-appDownload-qrcode {
	display: block;
}
.home-appDownload-qrcode {
	position: absolute;
    top: 25px;
    left: -156px;
    z-index: 999;
    width: 440px;
    height: 140px;
    display: none;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-top-width: 0;
}

.home-phoneQRDes {
	margin-left: 10px;
	color: #333;
}

.home-weixinDes {
	color: #333;
}

.home-appDownload-qrcode.weixin {
	height: 140px;
    width: 185px;
    left: -15px;
}
.home-appDownload-qrcode .home-phoneQRImg {
	width: 90px;
    height: 90px;
    margin-right: 0;
    margin-left: 10px;
}
.home-phoneLogo {
	width: 28px;
	height: 28px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.home-phoneLogoBlock {
	margin-left: 10px;
}
.main-color {
	color: #4bae4f;
}

.roleLogoBtn {
	display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 30px;
    background-size: contain;
    background-position: center;
    margin-right: 8px;
    vertical-align: middle;
	
}

.roleLogoBtn.person {
	background-image: url(../img/personLogo.png);
	margin-top: -.2rem;
}

.roleLogoBtn.company {
	background-image: url(../img/companyLogo.png);
}

/* start 搜索框上的店铺或者商品搜索 */
.store-search-btn {
    width: 82px;
    height: 43px;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: -82px;
    /* display: none; */
    background-color: #FFA500;
}
.searchTypeBlock {
	position: absolute;
    top: -29px;
    width: 100%;
    left: 0;
}
.searchTypeBlock ul {
	list-style: none;
}
.searchTypeBlock .searchTypeBlockItem {
	display: inline-block;
    padding: 5px;
    width: 60px;
    text-align: center;
    color: #333;
}
.searchTypeBlock .searchTypeBlockItem.active {
	background-color: #4bae4f;
	color: #fff;
}